<script setup lang="tsx">
import Invite from './components/invite.vue'
import EquityCenter from './components/equityCenter.vue'
import WithdrawAmount from './components/withdrawAmount.vue'
import { ref } from 'vue'
import { ElTabs, ElTabPane } from 'element-plus'
const activeName = ref(1)
const handleClick = (row) => {
  activeName.value = row.name
}
</script>

<template>
  <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="邀请奖励" :name="1" />
    <el-tab-pane label="权益中心" :name="2" />
    <el-tab-pane label="用户提现金额" :name="3" />
  </el-tabs>
  <Invite v-if="activeName === 1" />
  <EquityCenter v-else-if="activeName === 2" />
  <WithdrawAmount v-else />
</template>
